<template>
  <div id="big">
    <div id="kuang">
      <img :src="imgUrl" alt="" />
      <p>{{ dogName }}</p>
    </div>
  </div>
</template>

<script>
export default {
  props: ["imgUrl", "dogName"],
};
</script>

<style scoped>
#big {
  width: 700px;
}
#kuang {
  width: 200px;
  height: 300px;
  float: left;
  border: 1px solid black;
  text-align: center;
}
img {
  width: 200px;
}
</style>